<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

	<f:view contentType="text/html">
	
		<h:head>
			<h:outputStylesheet library="css" name="common-style.css" />		
		</h:head>
		
		<h:body style="background-color:#BFBFBF;">
			
			<div id="content-login">
				
				<h:form prependId="false">
					<p:focus for="j_username"/>
					
					<div id="message-login">
						<p:messages id="messages" showDetail="true" autoUpdate="true"/> 
					</div>
					<p:spacer height="30px" width="100%" />
					
					<div id="panel-login">						
						
						<div class="input-label">
							<h:outputLabel value="Usuário" />:
						</div>
						<div class="input-text-login"><p:inputText id="j_username" style="width:300px;" /></div>
											
						<p:spacer height="30px" width="100%" />
						
						<div class="input-label">
							<h:outputLabel value="Senha" />:
						</div>
						<div class="input-text-login"><p:password id="j_password" style="width:300px;" /></div>					
						
						<p:spacer height="30px;" width="100%" />
						
						<div style="float: left; width: 410px;">
							<p:commandButton icon="lock-icon" value="Acessar" ajax="false" action="#{usuarioController.login}" style="float: right;"/>
						</div>																		
					</div>
				</h:form>								
				
			</div>			
			
		</h:body>
	
	</f:view>
</html>